﻿<%@ page title="SortableList Control" language="C#" masterpagefile="~/standard.master" codefile="sortablelist.aspx.cs" inherits="Sample.JQuery.SortableListPage" %>
<asp:content id="Content" contentplaceholderid="ContentPlaceHolder" runat="server">
	<div><asp:hyperlink runat="server" id="CodeLink" navigateurl="~/code.aspx?file=sortablelist&title=SortableList+Control+Code" text="View Source Code" /></div>
	<div><asp:label runat="server" id="TimestampLabel" /></div>
	<p>
		This is a GreenIsomer ASPX application of the
		<jquery:themedicon runat="server" symbol="NewWin" tooltip="Opens in New Window" />
		<a href="http://jqueryui.com/demos/sortable/" target="_blank">jQuery UI Sortable Interaction</a>
		implemented as a sortable list of data.
	</p>
	<p>
		This control is still sort of a proof of concept, as I don't have it rendering correctly in IE and I question the accessiblilty of the design.
		It may need a real widget behind it to truly work.
	</p>
	<jquery:sortablelist runat="server" id="SortableList" width="200px">
		<asp:listitem value="1" text="Item 1" />
		<asp:listitem value="2" text="Item 2" />
		<asp:listitem value="3" text="Item 3" enabled="false" selected="True" />
		<asp:listitem value="4" text="Item 4" />
		<asp:listitem value="5" text="Item 5" selected="True"/>
		<asp:listitem value="6" text="Item 6" />
		<asp:listitem value="7" text="Item 7" enabled="false"/>
		<asp:listitem value="8" text="Item 8" />
	</jquery:sortablelist>
	<p>
		The post-back below is a simple ASPX button control with no UpdatePanel.  The order is maintained and an event is fired.
	</p>
	<asp:button runat="server" id="SubmitButton" text="Traditional Post-back" />
	<asp:label runat="server" id="SortOrderChangedLabel" text="Sort Order Changed!" visible="false" enableviewstate="false" />
</asp:content>	